const key = Symbol() as InjectionKey<number>

defineComponent({
 provide: {
   // this now works
   [key]: 'foo' 
 } 
}

const colorKey = Symbol() as InjectionKey<string>

// before 
mount(A, { globals: { provide: { [colorKey as symbol]: ref('#999999') } } 

// after : No need to cast the symbol
mount(A, { globals: { provide: { [colorKey]: ref('#999999') } }

// before worked
const key: InjectionKey<string> = Symbol(); // worked because `InjectionKey` extended `Symbol`

// after 
const key = Symbol() as InjectionKey<string>; // it need to be changed to a more lenient casting

const colorKey = Symbol() as InjectionKey<number>

// No Error because we cannot validate the type correctly :/
mount(A, { globals: { provide: { [colorKey]: ref('#999999') } }

declare const InjectionKeySymbol: unique symbol
export type InjectionKey<T> = symbol & { [InjectionKeySymbol]: T }

declare function extractType<T>(opts: T): { [P in keyof T]: T[P] }

const key = Symbol() as InjectionKey<number>

const s = {
    [key]: 11
}

const sa = s[key]
// this should error but it does not
const sr = s[Symbol()]


const t = extractType(s)
const ta = t[key]
// this should error but it does not
const tb = t[Symbol()] // string